<!DOCTYPE HTML>
<html ng-app="tweetMapApp">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>tweet-map</title>

    <link rel="stylesheet" type="text/css" href="http://developer.amap.com/Public/css/demo.Default.css" />
    <link rel="stylesheet" type="text/css" href="styles/main.css" />
    <script language="javascript"  src="lib/jquery/jquery.min.js"></script>
    <script language="javascript"  src="lib/angular/angular.js"></script>
    <script language="javascript"  src="lib/angular/angular-animate.js"></script>
    <script language="javascript" src="http://webapi.amap.com/maps?v=1.3&key=9cc7f355fb07c8dbfc017e7178245b10"></script>
    <script language="javascript" src="script/app.js"></script>
    <script language="JavaScript" src="script/controler.js"></script>

</head>
<body ng-controller="tweetCtrl" >
<div id="map">
<div id="iCenter"></div>


<div id="tweet">
    <div class="user-info">
        <span class="login">请先使用 OSCHINA 帐号</span><a class="login"
                                                     href="javascript:Api.login();">登录</a> <a class="logout"
                                                                                              href="javascript:Api.logout();"
                                                                                              style="display: none; margin-left: 10px;">退出登录</a>
        <span id="locationInfo">
        <span id="locationX" >{{vm.locationX}}</span>
        <span id="locationY" >{{vm.locationY}}</span>
        </span>
    </div>

    <form>
<textarea id="tweetArea" placeholder="动弹一下，地图上面有惊喜" ng-model="vm.tweet"></textarea><button type="button" ng-click="vm.addItem()">动弹</button>
    </form>
    <ul >
        <li ng-repeat="item in vm.items" class="list-group-item repeat">
            <div>
           <span class="portrait"><img ng-src="{{item.userImg}}" /></span>
           <span class="body">
               <span class="user"><a href="{{item.url}}">{{item.userName}}</a>:</span>
               <span class="log"> {{item.tweet}}</span>
               <span class="time">{{item.time}} {{item.locationX}} {{item.locationY}}</span>
            </span>
            </div>
        </li>
    </ul>
</div>
</div>
</body>
</html> 
